import "./App.css";
import React from "react";
import ReactDOM from "react-dom";
class App extends React.Component {
  render() {
    return (
      <div className="App">
        <h1>Hello World</h1>
        <Home />
      </div>
    );
  }
}
// ReactDOM.createPortal 可以把你想渲染的任何组件，插入到页面的任何dom中
// 比较适合用于一些页面通用的弹窗，而且层级比较高，通用的loading效果
class Home extends React.Component {
  constructor() {
    super();
    this.dom = document.querySelector("#root");
  }
  render() {
    return ReactDOM.createPortal(<h1>我是home</h1>, this.dom);
  }
}
export default App;
